import Vue from 'vue'
import Vuex from 'vuex'
// 使用插件
Vue.use(Vuex)

// 创建三个vuex插件的核心对象：actions对象、mutations对象、state对象
const actions = {
    changeCollapse(context, value) {
        context.commit("ChangeCollapse", value)
        // console.log(value)
    }
}
const mutations = {
    ChangeCollapse(state, value) {
        state.isCollapse = value
        // console.log(state.isCollapse)
    },
    changeMenu(state,val){
        // console.log(val,"val")
        // 判断添加的数据是否为首页
        if(val.name!=="home"){
            // 判断tagsList里面是否有该 name，没有就添加.
            var index=state.tagsList.findIndex(item=>item.name===val.name)
            if(index===-1){
                //表示没找到，就添加进去
                state.tagsList.push(val)
            }
        }
    },
    closeTag(state,item){
        //找到索引，删除
        const index=state.tagsList.findIndex(val=>val.name===item.name)
        state.tagsList.splice(index,1)
    },
    uploadImg(state,imgUrl){
        console.log(imgUrl,"vuex");
        state.imgUrl=imgUrl;
    }
}
const state = {
    isCollapse: false,//这是控制菜单是否折叠的状态
    imgUrl:'',//上传的封面图片路径
    tagsList: [
        {
            path: '/',
            name: 'home',
            label: '首页',
            icon: 's-home',
            url: 'Home/Home',
            disabled: false
        },
    ]
}

// 简写形式
export default new Vuex.Store({
    actions, mutations, state
})    